{% set scope = 'scopes_upload' %}
{% extends "shadow/common.twig" %}
{% block body %}
<style type="text/css">
.webuploader-container {
    position: relative;
}
.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
.webuploader-pick {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background: #00b7ee;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}
.webuploader-pick-hover {
    background: #00a2d4;
}

.webuploader-pick-disable {
    opacity: 0.6;
    pointer-events:none;
}
</style>
<div id="page-wrapper" style="min-height: 334px;">
    <div class="row">
        <div class="col-lg-12">
            <h1 class="page-header">类型管理</h1>
        </div>
    </div>
    <div class="row">
        <form method="post" enctype="multipart/form-data">
            <input type="file" name="img" value="上传图片">
            <input type="hidden" name="_token" value="{{ token }}">
            <button type="submit">提交</button>
        </form>
    </div>
    
    <div class="btns" style="display: none;">
        <div id="picker">选择文件</div>
    </div>
{% endblock %}
{% block script %}
    <script type="text/javascript" src="http://cdn.staticfile.org/webuploader/0.1.0/webuploader.min.js"></script>
    <script type="text/javascript">
        var uploader = WebUploader.create({
            // 选完文件后，是否自动上传。
            auto: true,
            // 文件接收服务端。
            server: '//imcn.vip/shadow/upload',
            // 选择文件的按钮。可选。
            // 内部根据当前运行是创建，可能是input元素，也可能是flash.
            pick: '#picker',
            // 只允许选择图片文件。
            accept: {
                title: 'Images',
                extensions: 'gif,jpg,jpeg,bmp,png',
                mimeTypes: 'image/*'
            },
            formData: {
                _token: "{{ token }}"
            },
            fileVal: 'img'
        });
    </script>
{% endblock %}